<template>
  <div v-show="props.compType === 'tdItem'">
    <el-form-item label="单元格背景">
      <el-color-picker v-model="props.style.background" :predefine="predefineColors" />
    </el-form-item>
    <el-form-item label="表格宽度(%)">
      <el-inputNumber v-model="props.style.width" class="input" :min="0" :max="100" />
    </el-form-item>
  </div>
</template>
<script>
  /**
   * input的配置项
   */
  export default {
    name: 'TdItemConfig',
    props: ['props'],
    data() {
      return {
        predefineColors: ['#F6F6F6'],
      };
    },
    methods: {},
  };
</script>
